<template>
   <h1>{{msg}}</h1>
   <div class="wrap">
    <div class="title">标题</div>
    <div class="content">
      <div class="info">内容开始</div>
      <p class="content-top">上面</p>
      <p class="content-bottom">下面</p>
    </div>
    <div class="buttom">确定</div>
    <div class="buttom">取消</div>
   </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'

defineProps<{ msg: string }>()

const count = ref(0)
</script>
<style scoped lang='less'>
@import '../assets/styl/common/index.less';
h1 {
  .rem4141(font-size, 16);
}
.wrap {
 .rem4141(width, 200);
 .rem4141(height, 300);
  background: @bgcolor;
  .title {
    &:extend(.title-font all);
  }
  .info:extend(.content-font all) {
    text-align: center;
  }
  .content-top{
    .myBorder(border);
  }
}
</style>
